<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>空间设置主页</title>
<link rel="stylesheet" href="css/manage.css">
<script type="text/javascript" src="js/space-manage-left.js"></script>
</head>

<body>
<!--**************顶部导航****************-->
	<div class="nav">
	<div class="nav-left">
    	<img src="images/2.png" />
        <ul>
        	<li class="margin"><a href="#">社区</a></li>
            <li><a href="#">学习空间</a></li>
            <li class="margin"><a href="#">我的群组</a></li>
        </ul>
        <div class="nav-left-button">
        	<form action="">
            	<input type="submit" id="button1" value="搜索" />
                <input type="text" placeholder="搜索资源或话题" />
            </form>
        </div>
    </div>
    <div class="nav-right">
    	<button id="button2">意见反馈</button>
        <!--头像-->
        <div  class="nav-right-logo">
        	<div id="menu_title1" class="menu_title" onclick="openMenu(this)">
				<img src="images/4.jpg" />
				<div class="indicator" id="indicator1">
					<
				</div>
			</div>
			<div class="menu" id="menu1">
            	<div class="item">
					<a href="#" target="">昵称</a>
				</div>
				<div class="item">
					<a href="" target="">我的动态</a>
				</div>
				<li class="item_divider"></li>
				<div class="item">
					<a href="" target="">个人中心</a>
				</div>
                <div class="item">
					<a href="" target="">退出系统</a>
				</div>
			</div>
        </div>
        <!--消息提示-->
        <div class="nav-right-img">
        <ul>
        	<li>
            	<a href="#"><img src="images/3.png" /></a>
            	<ul>
                	<li><a>回复我的</a></li>
                    <li><a>收到的赞</a></li>
                    <li><a>系统通知</a></li>
                </ul>
            </li>
        </ul>
        </div>
    </div>
	</div>
     <!--**************左侧导航****************-->
	<div class="sidebar-scroll">
      <nav>
        <ul>
          <div class="iframe_link"><a href="#" target="_blank">
          	<img src="images/spacelogo.png" /><div class="title">开发小组1111111111111222222222</div></a>
          </div>
          <li><a href="#" target="_blank" id="lname-focus1" onfocus="setStyle(this.id)" onblur="loss(this.id)">主页<span>4</span></a></li>
          <li><a href="#" target="_blank" id="lname-focus2" onfocus="setStyle(this.id)" onblur="loss(this.id)">资源区<span>3</span></a></li>
     	  <li><a href="#" target="_blank" id="lname-focus3" onfocus="setStyle(this.id)" onblur="loss(this.id)">讨论区<span>2</span></a></li>
          <li><a href="#" target="_blank" id="lname-focus4" onfocus="setStyle(this.id)" onblur="loss(this.id)">贡献区<span>1</span></a></li>
          <li><a href="#" target="_blank" id="lname-focus5" onfocus="setStyle(this.id)" onblur="loss(this.id)">成员<span>4</span></a></li>
          <li><a href="#" target="_blank" id="lname-focus6" onfocus="setStyle(this.id)" onblur="loss(this.id)">设置<span>3</span></a></li>
        </ul>
      </nav>
    </div>
    <!--***************空间设置主界面*******************-->
    <div class="right">
	<!--标题导航-->
	<div class="manage-nav">
    	<span class="manage-nav-title"><a href="#">学习空间</a></span>
        >
        <span class="manage-nav-title"><a href="#">开发小组空间名称</a></span>
        >
        <span>设置</span>
    </div>
    <div class="manage-detail">
       <div class="manage-menus">
            <div id="manage-menu_title1" class="manage-menu_title" onclick="ManageopenMenu(this)">
                常规设置
                <span>修改空间名、空间描述、空间封面和其他常规设置等</span>
                <div class="manage-indicator" id="manage-indicator1">></div>
            </div>
            <div class="manage-menu" id="manage-menu1">
                <form action="#" id="form1">
                 <div class="manage-item" id="manage-item">
                        <li><h5>空间名</h5></li>
                        <li><input type="text" size="100" style="height:20px;" value="开发小组名称"/></li>
                 </div>
                 <li class="manage-item_divider"></li>
                 <div class="manage-item">
                        <li><h5>空间描述</h5></li>
                        <li><textarea rows="3" cols="100"></textarea></li>
                 </div>
                 <li class="manage-item_divider"></li>
                 <div class="manage-item">
                        <li><h5>空间封面</h5></li>
                        <li>
                            <img src="images/spacelogo.png" class="img1" />
                            <img src="images/spacelogo.png" class="img2" />
                            <input type="file" value='选取图片' onclick="clickBtn()" accept="image/gif, image/jpg, image/png">  
                        </li>
                        <input type="button" onClick="javascript:updateSubmit(document.getElementById('form1').value);" value="保存修改" class="sub"/>
                </div>
                </form>
            </div>
        
            <li class="manage-menu_divider"></li>
        
            <div id="manage-menu_title2" class="manage-menu_title" onclick="ManageopenMenu(this)">
                成员邀请
                <span>为私有的空间提供邀请</span>
                <div class="manage-indicator" id="manage-indicator2">></div>
            </div>
            <div class="manage-menu" id="manage-menu2">
                <div class="manage-item">
                    <li><h5>邀请链接</h5></li>
                    <li><input type="text" id="space_id" size="60" style="height:20px;" value="*******687687" disabled="disabled"/></li>
                </div>
            </div>
        
            <li class="manage-menu_divider"></li>
        
            <div id="manage-menu_title3" class="manage-menu_title" onclick="ManageopenMenu(this)">
                社区关联设置
                <span>处理社区邀请、退出社区</span>
                <div class="manage-indicator" id="manage-indicator3">></div>
            </div>
            <div class="manage-menu" id="manage-menu3">
                <div class="manage-item">
                    <h5>发送社区邀请</h5>
                </div>
                <li class="manage-item_divider"></li>
                <div class="manage-item">
                    <h5>加入的社区</h5>
                </div>
            </div>
            
             <li class="manage-menu_divider"></li>
        
            <div id="manage-menu_title4" class="manage-menu_title" onclick="ManageopenMenu(this)">
                高级设置
                <span>修改空间访问级别、设置贡献自动接受</span>
                <div class="manage-indicator" id="manage-indicator4">></div>
            </div>
            <div class="manage-menu" id="manage-menu4">
                <div class="manage-item">
                    <h5>访问权限</h5>
                    <form action="#" id="form2">
                        <div class="radio"><input type="radio" name="radio" value="1" id="radio1"/><label for="radio1">公开-允许所有人访问空间</label></div>
                        <div class="radio">
                        <input type="radio" name="radio" value="2" id="radio2" checked/>
                        <label for="radio2">私有-只允许空间成员访问空间。用户可通过邀请链接加入空间</label>
                        </div>
                        <input type="button" onClick="javascript:updateSubmit(document.getElementById('form2').value);" value="保存修改" class="sub"/>
                    </form>
                </div>
                <li class="manage-item_divider"></li>
                <div class="manage-item">
                    <h5>自动接受<span style="color:#F66;">(是否需要管理员对用户贡献的资源或修改进行审核)</span></h5>
                    <form action="#" id="form3">
                    <div class="radio"><input type="radio" id="yes" name="autoaccept" checked="checked" /><label for="yes">接受</label></div>
                    <div class="radio"><input type="radio" id="no" name="autoaccept" /><label for="no">不接受</label></div>
                    <input type="button" onClick="javascript:updateSubmit(document.getElementById('form3').value);" value="保存修改" class="sub"/>
                    </form>
                </div>
                <li class="manage-item_divider"></li>
                <div class="manage-item">
                    <h5>删除空间<span style="color:red;">(删除空间后不可回复，请谨慎操作！)</span></h5>
                    <input type="button" name="delete" value="删除空间" onClick="del()" class="delBtn"/>
                </div>
            </div>
        </div>
    </div>
    
    </div>
</body>
</html>
